<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>常用标签</title>
</head>

<body>
<!--文本标签 （h1--h6）-->
花果山的高科技
<h1>花果山的高科技</h1>
<h2>花果山的高科技</h2>
<h3>花果山的高科技</h3>
<h4>花果山的高科技</h4>
<h5>花果山的高科技</h5>
<h6>花果山的高科技</h6>
<!--&nbsp; 空格 是空出一个字符-->
<p>&nbsp;&nbsp;<u>浙江</u>浙江浙江温州<strong><i>江南皮革厂倒闭了</i></strong>，<em>王八蛋老板</em>浙江浙江浙江温州江南皮革厂倒闭了，王八蛋老板浙江浙江浙江温州江南皮革厂倒闭了，王八蛋老板浙江浙江浙江温州江南皮革厂倒闭了，王八蛋老板浙江浙江浙江温州江南皮革厂倒闭了，王八蛋老板浙江浙江浙江温州江南皮革厂倒闭了，王八蛋老板浙江浙江浙江温州江南皮革厂倒闭了，王八蛋老板</p>


<p>浙江浙江浙江温州江南皮革厂倒闭了，王八蛋老板<br /><hr />浙江浙江浙江温州江南皮革厂倒闭了，王八蛋老板浙江浙江浙江温州江南皮革厂倒闭了，王八蛋老板浙江浙江浙江温州江南皮革厂倒闭了，王八蛋老板浙江浙江浙江温州江南皮革厂倒闭了，王八蛋老板浙江浙江浙江温州江南皮革厂倒闭了，王八蛋老板浙江浙江浙江温州江南皮革厂倒闭了，王八蛋老板</p>

<!-- b  strong 都是加粗字体   em i 倾斜字体  u加下划线-->
<!--  p标签就是段落文本标签  使用两段文本就可以看出隔一行  &nbsp；空格-->

<ul>
    <li>春困</li>
    <li>秋乏</li>
    <li>夏无力</li>
    <li>冬眠</li>
    <li>快乐的一年</li>
</ul>
<hr />
<ol type="A">
    <li>春困</li>
    <li>秋乏</li>
    <li>夏无力</li>
    <li>冬眠</li>
    <li>快乐的一年</li>
</ol>
<hr />
<ol type="1" start="8">
    <li>春困</li>
    <li>秋乏</li>
    <li>夏无力</li>
    <li>冬眠</li>
    <li>快乐的一年</li>
</ol>
<!--  ul无序列表  ol有序列表 有序列表的type 属性 1对应着数字 a对应小写字母  A对应大写字母 -->
<dl>
    <dt>定义这个项的标题</dt>
    <dd>这个项的内容</dd>
    <dt>今天的风儿很炫器</dt>
    <dd>内容内容内容内容内容内容内容内容</dd>

</dl>
<!--自定义的列表 title  detail 细节-->


<!--图片跟网页放在同一个文件夹 src="图片的全称"-->
<img src="Target_Randy.jpg">
<!--文件的相对路径 图片在下一层目录的写法-->
<img src="img\b.jpg">
<!--图片在上一层目录的写法-->
<img src="../aaa.jpg" alt="当你看到这句话的时候，就意味着这图片你看不到了" title="鼠标悬浮在图片上的时候显示这句话">
<img src="C:\Program Files (x86)\Adobe\Adobe Fireworks CS5\Configuration\Patterns\Illusion 1.jpg">
<br /><br /><br />
<a href="chaolianjie.html">点击观看</a>
<br />
<br />
<a href="about_us.html">关于我们</a>
<a href="connect_us.html">联系我们</a>
<p>&nbsp;</p>
<table width="400" height="400" border="1">
    <tr>
        <td colspan="2">1.1</td>
        
        <td>1.3</td>
    </tr>
    <tr>
        <td>2.1</td>
        <td>2.2</td>
        <td>2.3</td>
    </tr>

</table>
<hr />
<table width="400" height="400" border="1">
    <tr>
        <td colspan="2" rowspan="2">1.1</td>
        
        <td>1.3</td>
    </tr>
    <tr>
        <td>2.3</td>
    </tr>

</table>
<hr />
<table width="400" height="400" border="1">
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
<tr>
<td colspan="2">2.1</td>
</tr>
</table>
<hr />
<table width="400" height="400" border="1" cellspacing="0" bgcolor=“#ccc”>
<!-- width表格的宽度 height表格的高度 border边框线的粗细  bgcolor背景颜色  cellspacing 格子之间的间距-->
<tr>
<td rowspan="2">1.1</td>
<td>1.2</td>
</tr>
<tr>

<td>2.2</td>
</tr>
</table>
<!--一般不再table写高度 会在tr这写高度 会在td写高度-->
<hr />

表单
<br />
<!--action 表单提交到的地址 method 通讯的方式 get post-->
<form action="index.php" method="get" name="forml">
        姓名：<input type="text" value=" 请输入姓名" /><br />
        密码：<input type="password" value="请输入密码"/>
        性别：<input type="radio"  name="sex"/>男 <input type="radio" name="sex" />女：<input type="radio"  name="sex" disabled="disabled"/>人妖<br />
        参加工作年份：
        <!--ctrl+z 回退代码  ctrl+s 保存代码-->
        <select>
            <option>1990</option>
            <option>1991</option>
            <option>1992</option>
            <option>1993</option>
            <option>1994</option>
            <option>1949</option>
        </select>年
        <select>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
        </select>月<br />
        请选择你的爱好：
        <!--checkbox 复选框-->
         <input type="checkbox" name="hobby" />女
         <input type="checkbox" name="hobby" />男
         <input type="checkbox" name="hobby" />游戏
         <input type="checkbox" name="hobby" />篮球
         <br />
         <input  type="submit" value="确认提交"/>
         <input  type="reset" value="重置"/>
         <!--重置的是表单标签包括的标签-->
         <!--文本域  这个跟text区别在于text多用于一行文字-->
         <!--style="resize:none"让文本域不能拖拽-->
         <textarea cold="10" rows="10" style="resize:none" ></textarea>
	<input type="button" value="不好意思,我是一个按钮"/>
</form>
</body>

</html>
